@import './variable.scss';

// 搜索框
.at-search-bar {
  background-color: $primary-bg-color;
  &__input-cnt {
    background-color: #DE655E;
  }
  &__placeholder, .at-icon {
    color: #EDA8A3
  }
  &__input {
    color: #EDA8A3
  }
  &__action {
    border: none;
    color: #fff;
    background-color: transparent;
  }
  &::after {
    border: none
  }
}
// tab标签
.at-tabs {
  &__header {
    background-color: $primary-bg-color;
    position: fixed;
    top: 75px;
    z-index: 900;
  }
  &-pane {
    margin-top: 159px;
  }
  &__item {
    color: #fff;
    &--active {
      font-weight: 500
    }
    &--active .at-tabs__item-underline {
      background-color: #fff;
      bottom: 10px;
      width: 50px;
      left: 50%;
      height: 5px;
      transform: translateX(-50%);
    }
    &-underline {
      transition: none;
    }
  }
  &__underline {
    height: 0!important;
  }
}

// at-list 
.at-list {
  &::after {
    border: 1px solid #F0F0F0;
  }
  &__item {
    padding: 15px 20px;
    font-size: 28px;
    &--thumb {
      .item-thumb {
        width: 42px;
        height: 42px;
        margin-right: 16px;
      }
    }
    &::after {
      border-bottom: 1px solid #F0F0F0
    }
  }
  &__item .item-extra__info {
    font-size: 28px;
  }
  &__item .item-extra__icon-arrow {
    color: #999;
    font-size: 40px;
  }
}